/* pages/categroy/category.wxss */
.imageBox {
    padding: 20rpx;
    position: relative;
    @radius: 5%;


    .title {
        position: absolute;
        z-index: 7;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        color: white;
        font-size: 30rpx;
        font-weight: 700;
        text-align: center;
    }

    .mask {
        box-shadow: 0 0 10px #000;
        filter: brightness(0.5);
        width: 550rpx;
        height: 92%;
        border-radius: @radius;
        background-color: rgba(37, 36, 36, 0.555);
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        z-index: 5;
    }

    .image {
        z-index: 4;
        position: relative;
        width: 72vw;
        height: 36vw;
        border-radius: @radius;
        box-shadow: 0 0 10px #999;
    }
}

.leftTree {
    // padding-bottom: 100px;
    height: 130rpx;
    line-height: 80rpx !important;

}



//标题
.qna {
    position: relative;
    background-color: rgb(255, 255, 255);
    height: 90rpx;

    .text {
        height: 90rpx;
        background-color: #fff;
        left: 50%;
        transform: translate(-50%);
        width: 160rpx;
        text-align: center;
        line-height: 90rpx;
        position: absolute;
        z-index: 2;
    }

    .line {
        z-index: 1;
        left: 50%;
        transform: translate(-50%);
        position: absolute;
        background-color: #999;
        top: 50%;
        width: 300rpx;
        border: solid 1px #999;
    }
}